
/* .over{
    width: 100%;
    height: 8.2667rem;
    border: 1px solid red;
    background: linear-gradient(to right,#006BFF, #0087FF, #009FFF);
    border-radius: 25px;
    margin-top: -20px;
    background-image: linear-gradient(to right,#006BFF, #0087FF, #009FFF);
    margin-top: 1.16rem;
} */

header{
    width: 100%;
    height: 77px;
    background: linear-gradient(to right,#006BFF, #0087FF, #009FFF);
    /* border: 1px solid red; */
    opacity: 1;
    /* 上下两部分flex垂直布局 */
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    /* outline: 1px solid red; */
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 234;
    z-index: 999999;
}
.main{
    background: #161824;
    margin-top: 50px;
    border: 1px solid #333;
}

.header_top{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 8px;
}
.header_top>img{
    width: 4.4267rem;
    height: 0.6733rem;
    /* outline: 1px solid red; */
}
.header_time{
    display: inline-block;
    height: .3733rem;
    font-size: 2px;
    margin-left: -1.0867rem;
    margin-top: -.4867rem;
    /* outline: 1px solid red; */
}
.ht_right{
    width: 2.4267rem;
    display: flex;
    align-items: center;
    /* outline: 1px solid red; */
}
.ht_right>img:nth-of-type(1){
    width: 0.6013rem;
    height: 0.6472rem;
    float: right;
    margin-left: .2rem;
    /* outline: 1px solid red; */
}
.ht_right>img:nth-of-type(2){
    width: .7333rem;
    height: .7733rem;
    float: right;
    margin-left: .2rem;
}
.ht_right>img:nth-of-type(3){
    width: .767rem;
    height: .48rem;
    float: right;
    margin-left: .2rem;
}
.header_bottom{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px .36rem;
    /* outline: 1px solid red; */
}
.hb_left{
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-items: center;
    /* outline: 1px solid red; */
    /* width: 1.6rem; */
    height: .6133rem;
}
.hb_left>img{
    width: .3096rem;
    height: .5067rem;
}
.title{
    display: flex;
    align-items: center;
    /* width: .92rem; */
    height: .6133rem;
    font-size: 15px;
    font-size: 17px;
    font-family: Source Han Sans CN;
    font-weight: bold;
    line-height: 23px;
    color: white;
    letter-spacing:2px;
    opacity: 1;
    margin-left: .8733rem;
    /* outline: 1px solid red; */
}
.hb_right{
    width: 2.4267rem;
    height: .7867rem;
}
.hb_right>img{
    width: 5.0267rem;
    height: 1.7867rem;
    /* outline: 1px solid red; */
    margin-left: 17.28rem;
    margin-top: -.9rem;
}


/* ---------------------------------------- */

.over{
    width: 100%;
    height: 8.0067rem;
    /* border: 1px solid red; */
    /* margin-top: 10rem; */
    /* background-image: linear-gradient(to right,#006BFF, #0087FF, #009FFF); */
    background: linear-gradient(to right,#006BFF, #0087FF, #009FFF);
    border-radius: 25px;
    margin-top: -90px;
    /* border: 1px solid red; */
}

.head_one{
    width: 20rem;
    height: 1.5733rem;
    /* border: 1px solid red; */
    margin-top: 6.92rem;
}

/* .head_one > img{
    width: 4.8267rem;
    height: 1.5733rem;
    border: 1px solid red;
    margin-left: 17.5333rem;
} */

.head_two{
    width: 20rem;
    height: 4.24rem;
    /* border: 1px solid red; */
    display: flex;
    margin-top: 2.2667rem;

}

.head_two > img{
    width: 3.04rem;
    height: 3.04rem;
    /* border: 1px solid red; */
    margin-left: .9333rem;
}

.head_two > div{
    width: 5.36rem;
    height: 3.04rem;
    /* border: 1px solid red; */
    margin-left: .7467rem;
}

.head_two > div > div:nth-of-type(1){
    width: 3.0933rem;
    height: 1.36rem;
    /* border: 1px solid red; */
    margin-top: .2933rem;
    font-size: 15px;
    color: white;
}

.head_two > div > div:nth-of-type(2){
    width: 5.36rem;
    height: .8533rem;
    /* border: 1px solid red; */
    margin-top: .2933rem;
    font-size: .0267rem;
    color: hsl(0, 0%, 100%, .5);
}

/* ---------------------我的订单 */

.zed{
    width: 20rem;
    height: 11.2rem;
    /* border: 1px solid red; */
    margin-top: 0.6667rem;
}

.zed > li{
    width: 20rem;
    height: 2.8rem;
    /* border: 1px solid red; */
    display: flex;
    align-items: center;
    border-bottom: 1px solid lightgray;
    margin-left: 1.0667rem;
}

.zed > li > a{
    display: flex;
    width: 6.6667rem;
    height: 2.8rem;
    /* border: 1px solid red; */
    margin-left: 0.3333rem;
}

.zed > li > a > img{
    width: 1.2197rem;
    height: 1.2317rem;
    /* border: 1px solid red; */
    margin-top: .8533rem;

}

.zed > li > a > span{
    width: 3.36rem;
    height: 1.0933rem;
    /* border: 1px solid red; */
    margin-left: .96rem;
    margin-top: .8533rem;
    font-size: 12px;
}


/* ----------------------------- */

footer{
    width: 100%;
    height: 70px;
    background: rgba(255, 255, 255);
    /* opacity: 1; */
    /* 固定在底部 */
    position: fixed;
    bottom: -1px;
    font-size: 12px;
}
footer>ul{
    height: 70px;
    display:flex;
    justify-content: space-around;
    align-items: center;
    color: #B8B8B8;
}
footer>ul>li{
   
    /* height: 70px; */
    /* outline: 1px solid red; */
    /* padding-top: 15px; */
}
footer>ul>li>a{
    color: #000;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
}
footer>ul>li>a>img{
    width: 23px;
    height: 21px;
    margin-bottom: 3px;
    /* outline: 1px solid red; */
    /* margin-top: -50px; */

}
footer>ul>li:nth-of-type(3)>a>img{
    height: 63px;
    width: 63px;
    margin-top: -30px;
}
footer>ul>li:nth-of-type(3)>a>span{
    height: 16px;
    width: 24px;
}
footer>ul>li:nth-of-type(3){
    height: 1.7867rem;
    width: 1.2667rem;
    /* outline: 1px solid red; */
    /* margin-bottom: 18px; 一样的效果为什么不生效*/
    margin-top: -18px;
}
